<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
response.setHeader("Cache-Control","no-cache");
response.setHeader("Cache-Control","no-store"); 
response.setDateHeader("Expires", 0);
response.setHeader("Pragma","no-cache"); 
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>WSU online</title>
<link href="homepage_files/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="homepage_files/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<link href="homepage_files/css/wj_style.css" rel="stylesheet" type="text/css">
<link href="homepage_files/css/wj_carousel.css" rel="stylesheet" type="text/css">
<link href="homepage_files/css/square.css" rel="stylesheet" type="text/css">
<script>
	var baseUrl = "#";
	var dynamicBaseUrl = "#";
	var staticBaseUrl = "#";
	var imgBaseUrl = "#";
	var updateVer = "56";
</script>
</head>

<body>
<div class="container navbar-wrapper">
  <div class="navbar">
    <div class="navbar-inner"> 
      <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
      <div class="container">
      <a class="brand" href="#">WSU online</a>
      <form class="navbar-form pull-left">
        <input type="text" class="search span3" placeholder="Search">
        <!--<button type="submit" class="btn">Search</button>-->
      </form>
      <a class="btn btn-info pull-left" href="#" style="margin-left:40px;"><i class="icon-download-alt icon-white"></i> APPDownload</a> 
      <!--</form>-->
      <s:if test="#session.email==null">
      <form class="navbar-form pull-right"action = "UserManager!LoginSystem.action" method = "post">
        <input class="span2" type="text" placeholder="User Email" name = "email">
        <input class="span2" type="password" placeholder="Password" name = "password">
        <button type="submit" class="btn btn-primary">Log in</button>
        <button type="submit" class="btn" data-toggle="modal" href="#register">register</button>
      </form>
	  </s:if>
      <s:else>
      <form class="navbar-form pull-right">
                <div class="btn-group">
          <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i>&nbsp;${email}</a>
          <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="./MyPersonalPage.jsp"><i class="icon-home"></i>&nbsp;Personal Page</a></li>
            <li><a href="#"><i class="icon-edit"></i>&nbsp;modify user information</a></li>
            <li><a href="#"><i class="icon-shopping-cart"></i>&nbsp;My Second Hand</a></li>
             <li><a href="#"><i class="icon-flag"></i>&nbsp;My Activities</a></li>
             <li><a href="#"><i class="icon-resize-small"></i>&nbsp;My Asking for Help</a></li>
            <li class="divider"></li>
            <li><a href="UserManager!OutSystem.action"><i class="i"></i>&nbsp;Log out</a></li>
          </ul>
        </div>
      </div>
      </form>
	 </s:else>	
    </div>
    <!--/.nav-collapse --> 
  </div>
  <!-- /.navbar-inner --> 
</div>
<!-- /.navbar -->

</div>
<!-- /.container --> 

<!-- Carousel
    ================================================== -->
<div id="myCarousel" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active"> <img src="homepage_files/img/back1.jpg" alt="">
      <div class="container">
        <div class="carousel-caption span4" style="background-image:url(homepage_files/img/transparent1.png)">
          <h1 class="wj-green wj-font-type">Secondary Market</h1>
          <p class="lead wj-font-type"> Book: Who has the book?<br>
            Digital: Come to buy cheap things~<br>
            Transport: Cheap and good, secondary bike</p>
          <a class="btn btn-large btn-success" href="#secondhand">Learn more &raquo</a> </div>
      </div>
    </div>
    <div class="item"> <img src="homepage_files/img/back2.jpg" alt="">
      <div class="container">
        <div class="carousel-caption span4" style="background-image:url(homepage_files/img/transparent2.png)">
          <h1 class="wj-orange wj-font-type">Activity</h1>
          <p class="lead wj-font-type"> Preach：Here is your job!<br>
            Academic：To be better!<br>
            Lecture: Listen to them</p>
          <a class="btn btn-large btn-warning" href="#active">Learn more &raquo</a> </div>
      </div>
    </div>
    <div class="item"> <img src="homepage_files/img/back4.jpg" alt="">
      <div class="container">
        <div class="carousel-caption span4" style="background-image:url(homepage_files/img/transparent3.png)">
          <h1 class="wj-blue wj-font-type">Ask for Help</h1>
          <p class="lead wj-font-type">Study: Come to ask<br>
            Entertainment: Where is the hottest place?<br>
            Food: Where is delicious food?</p>
          </p>
          <a class="btn btn-large btn-info" href="#help">Learn more &raquo</a> </div>
      </div>
    </div>
  </div>
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a> <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a> </div>
<!-- /.carousel --> 
<!--./roll--> 
<!--register-->
<div class="modal hide fade" style="display: none;" id="register">
  <div class="modal-header">
    <h3>Register</h3>
  </div>
  <div class="modal-body">
    <form action = "UserManager!Register.action" method="post">
      <p>User Name</p>
      <input type="text" class="span3" placeholder="Please insert use rname..." name = "name">
      <span class="help-inline wj-sub-font-color">6~18 characters，please begin with a letter</span>
      <p>Password</p>
      <input type="password" class="span3" placeholder="Please insert the password..." name = "password">
      <span class="help-inline wj-sub-font-color">6~16 characters</span>
      <p>Verify password</p>
      <input type="password" class="span3" placeholder="Please insert the password again...">
      <p>E-mail</p>
      <input type="text" class="span3" placeholder="Please insert the email..." name = "email">
      <span class="help-inline wj-sub-font-color">used for finding password</span>
      <label>Sex</label>
      <select name="sex">
       <option value="M">Male</option>
       <option value="F" >Female</option>
       </select>
      <div class="modal-footer"> <a class="btn" data-dismiss="modal">Cancel</a> <button type="submit"  class="btn btn-primary" >register</button> </div>
	</form>
  </div>

  </div>
<!--./register-->
<div class="container">
<div class="square_mian_wp"> 
  <!--<div class="square_sp_box_wp">-->
  <div class="square_sp_box wj-zero-padding" id="square_headPic">
    <div class="square_sp_pic_box  wj-zero-padding">
      <ul style="width:20000px" id="square_headPic_big_list" class="wj-zero-margin wj-zero-padding">
        <li style="display: list-item;" > <a href="#"> <img src="homepage_files/img/advertisement2.jpg" class="wj-advertisement-pic-size"> </a> </li>
        <li style="display: none; "> <a href="#"> <img src="homepage_files/img/advertisement3.jpg" class="wj-advertisement-pic-size"> </a> </li>
      </ul>
    </div>
    <div class="pic_tit" id="square_headPic_desc_0" style="display: block;">
      <h3 style="display: block;"> <a href="#" target="_blank">come on！</a> </h3>
    </div>
    <div class="pic_tit" id="square_headPic_desc_2" style="display: none;">
      <h3 style="display: block;"> <a href="#"  target="_blank">come on！ </a> </h3>
    </div>
    <div class="square_s_pic wj-zero-margin wj-zero-padding">
      <ul id="square_headPic_small_list" class="wj-zero-margin wj-zero-padding">
        <li class="cur"> <a href="#" > <img src="homepage_files/img/advertisement2_icon.jpg" class="wj-advertisement-pic-small-size"> <span class="ssp_arrow"></span> </a> </li>
        <li class=""> <a href="#"> <img src="homepage_files/img/advertisement3_icon.jpg" class="wj-advertisement-pic-small-size"> <span class="ssp_arrow"></span> </a> </li>
      </ul>
    </div>
  </div>
</div>
<div class="span4 pull-right">
  <hr class="wj-zero-margin-bottom wj-zero-margin-top">
  <h3 class="wj-green wj-zero-padding wj-zero-margin-top">Secondary Market</h3>
  <div class="btn-group">
    <button class="btn btn-success" ><a style ="color:#ffffff" href="Secondary!SearchCommodity?secondaryTag=book">Books</a></button>
    <button class="btn btn-success" ><a style ="color:#ffffff" href="Secondary!SearchCommodity?secondaryTag=sport">Sport</a></button>
    <button class="btn btn-success" ><a style ="color:#ffffff" href="Secondary!SearchCommodity?secondaryTag=transport">Transport</a></button>
    <button class="btn btn-success" ><a style ="color:#ffffff" href="Secondary!SearchCommodity?secondaryTag=digital">Digital</a></button>
    <button class="btn btn-success" ><a style ="color:#ffffff" href="Secondary!SearchCommodity?secondaryTag=other">Others</a></button>
  </div>
  <hr class="wj-zero-margin-bottom ">
  <h3 class="wj-orange wj-zero-padding wj-zero-margin-top">Activity</h3>
  <div class="btn-group">
    <button class="btn btn-warning" ><a style ="color:#ffffff" href="Activity!SearchActivity?activityTag=preach">Preach</a></button>
    <button class="btn btn-warning" ><a style ="color:#ffffff" href="Activity!SearchActivity?activityTag=academic">Academic</a></button>
    <button class="btn btn-warning" ><a style ="color:#ffffff" href="Activity!SearchActivity?activityTag=bulletin">Bulletin</a></button>
    <button class="btn btn-warning" ><a style ="color:#ffffff" href="Activity!SearchActivity?activityTag=lecture">Lecture</a></button>
    <button class="btn btn-warning" ><a style ="color:#ffffff"href="Activity!SearchActivity?activityTag=entertainment">Entertainment</a></button>
  </div>
  <hr class="wj-zero-margin-bottom ">
  <h3 class="wj-blue wj-zero-padding wj-zero-margin-top">Ask for Help</h3>
  <div class="btn-group">
    <button class="btn btn-info"><a style ="color:#ffffff" href="Help!SearchHelp?helpTag=study">Ask for Studying</a></button>
    <button class="btn btn-info" ><a style ="color:#ffffff" href="Help!SearchHelp?helpTag=sport" >Ask for Sport</a></button>
    <button class="btn btn-info" ><a style ="color:#ffffff" href="Help!SearchHelp?helpTag=fun" >Ask for Entertainment</a></button>
    <button class="btn btn-info"><a style ="color:#ffffff" href="Help!SearchHelp?helpTag=food" >Ask for Delicious Food</a></button>
  </div>
</div>
<!--secondhand-->
<div class="row-fluid">
  <div class="span9">
    <div class="page-header">
      <h4 class="wj-green" id="secondhand">Secondary Market<a href="../Secondary/SecondaryMainPage.jsp" class="btn btn-success pull-right">More &raquo;</a></h4>
    </div>
    <div class="row-fluid">
      <ul class="thumbnails">
        <li class="span3">
         <div class="thumbnail">
		<a href="Secondary!SearchCommodityById?commodityId=2"><img class="wj-item-img-size" src="/InfoPlatform/images/second/book/BiomedicalInformatics.jpg" alt="image" /></a>
        <h3><a href = "Secondary!SearchCommodityById?commodityId=2"><h4>Biomedical Informatics</h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right">$12</span> </div>
    	</div>

        </li>
        <li class="span3">
          <div class="thumbnail">
		<a href="Secondary!SearchCommodityById?commodityId=3"><img class="wj-item-img-size" src="/InfoPlatform/images/second/book/DreamingofSweden.jpg" alt="image" /></a>
        <h3><a href = "Secondary!SearchCommodityById?commodityId=3"><h4>Living with Linux</h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right">$12</span> </div>
    	</div>

        </li>
        <li class="span3">
          <div class="thumbnail">
		<a href="Secondary!SearchCommodityById?commodityId=4"><img class="wj-item-img-size" src="/InfoPlatform/images/second/book/LivingwithLinux.jpg" alt="image" /></a>
        <h3><a href = "Secondary!SearchCommodityById?commodityId=4"><h4>Logo Design Love</h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right">$12</span> </div>
    	</div>

        </li>
        <li class="span3">
         <div class="thumbnail">
		<a href="Secondary!SearchCommodityById?commodityId=23"><img class="wj-item-img-size" src="/InfoPlatform/images/second/transport/dikanong.jpg" alt="image" /></a>
        <h3><a href = "Secondary!SearchCommodityById?commodityId=23"><h4>Dikanon Bike</h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right">$200</span> </div>
    	</div>
        </li>
      </ul>
      <ul class="thumbnails">
        <li class="span3">
         <div class="thumbnail">
		<a href="Secondary!SearchCommodityById?commodityId=26"><img class="wj-item-img-size" src="/InfoPlatform/images/second/transport/fenghuang1.jpg" alt="image" /></a>
        <h3><a href = "Secondary!SearchCommodityById?commodityId=26"><h4>Women bike</h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right">$40</span> </div>
    	</div>
        </li>
        <li class="span3">
          <div class="thumbnail">
		<a href="Secondary!SearchCommodityById?commodityId=18"><img class="wj-item-img-size" src="/InfoPlatform/images/second/digital/jianeng_danfan.jpg" alt="image" /></a>
        <h3><a href="Secondary!SearchCommodityById?commodityId=18"><h4>Canon</h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right">$500</span> </div>
    	</div>

        </li>
        <li class="span3">
           <div class="thumbnail">
		<a href="Secondary!SearchCommodityById?commodityId=20"><img class="wj-item-img-size" src="/InfoPlatform/images/second/digital/mp3.jpg" alt="image" /></a>
        <h3><a href="Secondary!SearchCommodityById?commodityId=20"><h4>MP3</h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right">$30</span> </div>
    	</div>

        </li>
        <li class="span3">
          <div class="thumbnail">
		<a href="Secondary!SearchCommodityById?commodityId=10"><img class="wj-item-img-size" src="/InfoPlatform/images/second/sport/football.jpg" alt="image" /></a>
        <h3><a href="Secondary!SearchCommodityById?commodityId=10"><h4>Football</h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right">$20</span> </div>
    	</div>
        </li>
      </ul>
    </div>
  </div>
  <div class="span3 well"><!--person-->
    <div class="span12">
      <h4 class="wj-green">Popular People</h4>
    </div>
    <div class="span12">
      <div class="span4"> <a href="FriendManager!ViewFriend?friendId=2"><img src="homepage_files/img/Betty.jpg"></a> </div>
      <div class="span8">
        <p>Betty<small class="wj-sub-font-color"><br>
          Level 5</small></p>
      </div>
    </div>
    <div class="span12 wj-userpic">
      <div class="span4"> <a href="FriendManager!ViewFriend?friendId=3"><img src="homepage_files/img/Chuck.jpg"></a> </div>
      <div class="span8">
        <p>Chuck<small class="wj-sub-font-color"><br>
          Level 5</small></p>
      </div>
    </div>
    <div class="span12 wj-userpic">
      <div class="span4"> <a href="FriendManager!ViewFriend?friendId=3"><img src="homepage_files/img/Jessica.jpg"></a> </div>
      <div class="span8">
        <p>Jessica<small class="wj-sub-font-color"><br>
          Level 5</small></p>
      </div>
    </div>
    <div class="span12 wj-userpic">
      <div class="span4"> <a href="FriendManager!ViewFriend?friendId=4"><img src="homepage_files/img/Mike.jpg"></a> </div>
      <div class="span8">
        <p>Mike<small class="wj-sub-font-color"><br>
          Level 5</small></p>
      </div>
    </div>
    <div class="span12 wj-userpic">
      <div class="span4"> <a href="FriendManager!ViewFriend?friendId=5"><img src="/InfoPlatform/MainPage/homepage_files/img/Tiffany.jpg"></a> </div>
      <div class="span8">
        <p>Tiffany<small class="wj-sub-font-color"><br>
          Level 5</small></p>
      </div>
    </div>
    <div class="span12 wj-userpic">
      <div class="span4"> <a href="FriendManager!ViewFriend?friendId=6"><img src="homepage_files/img/Nancy.jpg"></a> </div>
      <div class="span8">
        <p>Nancy<small class="wj-sub-font-color"><br>
          Level 4</small></p>
      </div>
    </div>
    <div class="span12 wj-userpic">
      <div class="span4"> <a href="#"><img src="homepage_files/img/Annie.jpg"></a> </div>
      <div class="span8">
        <p>Annie<small class="wj-sub-font-color"><br>
          Level 4</small></p>
      </div>
    </div>
  </div>
  <!--active-->
  <div class="row-fluid">
    <div class="span9">
      <div class="page-header">
        <h4 class="wj-orange" id="active">Activity<a href="../Activity/ActivityMainPage.jsp" class="btn btn-warning pull-right">More &raquo;</a></h4>
      </div>
      <div class="row-fluid">
        <ul class="thumbnails">
          <li class="span3">
           <div class="thumbnail">
		<a href="Activity!SearchActivityById?activityId=1"><img class="wj-item-img-size" src="/InfoPlatform/images/activity/preach/HONEYWELL.jpg" alt="image" /></a>
        <h3><a href = "Activity!SearchActivityById?activityId=1"><h4>HONEYWELL Fresher Hiring </h4></a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right label label-info">100 interests</span> </div>
    	</div>
          </li>
          <li class="span3">
            <div class="thumbnail">
		<a href="Activity!SearchActivityById?activityId=4"><img class="wj-item-img-size" src="/InfoPlatform/images/activity/preach/MuSigma.jpg" alt="image" /></a>
        <h3><a href = "Activity!SearchActivityById?activityId=4"><h4>MuSigma Recruitment Drive</h4> </a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right label label-info">100 interests</span> </div>
    	</div>
          </li>
          <li class="span3">
            <div class="thumbnail">
		<a href="Activity!SearchActivityById?activityId=6"><img class="wj-item-img-size" src="/InfoPlatform/images/activity/preach/walmart.jpg" alt="image" /></a>
        <h3><a href = "Activity!SearchActivityById?activityId=6"><h4>walmart recruitment</h4> </a></h3>
		<div class="wj-item-buttom-height"> <span class="pull-right label label-info">100 interests</span> </div>
    	</div>
          </li>
        </ul>
      </div>
    </div>
    </div>
  </div>
  <!--./active--> 
</div>

<p class="wj-footer">Copyright <a href="#">WSU online</a> All Rights Reserved. Powered by <a href="#">WSU</a>.</p>
<!-- Le javascript
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script language="javascript" src="homepage_files/js/jquery.js"></script> 
<script language="javascript" src="homepage_files/js/bootstrap.js"></script> 
<script language="javascript" src="homepage_files/js/square.js"></script> 
<script language="javascript" src="homepage_files/js/common_web.js"></script> 
<script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel({interval: 3000})
        })
      }(window.jQuery)
    </script> 
<script language="javascript" type="text/javascript">
function fnLogin(strid)
{
	document.getElementById("idItemList").style.display="none";
	document.getElementById(strid).style.display="block";}
	function fnLogout(strid)
{
	document.getElementById("idItemList").style.display="none";
	document.getElementById(strid).style.display="block";}


    </script>
</body>
</html>
